<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
    <title>奶茶点单系统</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>

<!------------------------------head------------------------------>
<%@ include file="header.jsp" %>

<!-------------------------banner--------------------------->
<div class="block_home_slider">
    <div id="home_slider" class="flexslider">
        <ul class="slides">

            <li>
                <div class="slide"><img src="img/zy1.png"/></div>
            </li>
            <li>
                <div class="slide"><img src="img/zy2.png"/></div>
            </li>
            <li>
                <div class="slide"><img src="img/zy3.png"/></div>
            </li>

        </ul>
    </div>
</div><!------------------------------thImg------------------------------>
<div class="thImg">
    <!-- 三张图片 -->
    <div class="clearfix" style="width:810px"><a href="#1"><img src="img/cat.png"/></a><a
            href="#2"><img
            src="img/wangw.png"/></a><a href="#3"><img src="img/pup.png"/></a></div>
</div>
<!------------------------------news------------------------------>
<div class="news">
    <h2><img src="img/us.png" style="width:100%"></h2>
    <h2><img src="img/word.png" style="width:100%"></h2>
    <h2><img src="img/bottom.png" style="width:100%"></h2>

</div>
<p><img src="img/rail.jpg" ></p>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/nav.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">$(function () {
    $('#home_slider').flexslider({
        animation: 'slide',
        controlNav: true,
        directionNav: true,
        animationLoop: true,
        slideshow: true,
        slideshowSpeed: 2000,
        useCSS: false
    });
});</script>
</body>
</html>